<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="">
</head>
<body>
    <header>
        <span>
            <svg></svg>
        </span>
        <nav>
            <ul>
                <li><a href="">home</a></li>
                <li><a href="">about</a></li>
                <li><a href="">...</a></li>
            </ul>
        </nav>
    </header>
    <main>
        <section>
            <h2>标题</h2>
            <article>
                文章内容文章内容文章内容文章内容文章内容
                文章内容<strong>文章内</strong>容文章内容文章内容文章内容
                文章内容文章内容文章内容文章内容文章内容
                文章内容文章内容文章内容文章内容文章内容
                文章内容文章内容文章内容文章内容文章内容
                文章内容文章内容文章内容文章内容文章内容
                文章内容文章内容文章内容文章内容文章内容
                文章内容文章内容文章内容文章内容文章内容
                文章内容文章内容文章内容文章内容文章内容
                文章内容文章内容文章内容文章内容文章内容
                <em>标注</em>
            </article>
        </section>
        <aside>广告</aside>
        <section>
            <table>
                <caption>标题</caption>
            <thead>
                <th></th>
            </thead>
            <tbody></tbody>
            <tfoot></tfoot>
        </table></section>
        <section>
            <canvas>

            </canvas>
        </section>
        <section>
            <video src="">
                <source />
            </video>
        </section>
        <section>
            <form action="">
                <input type="text" name="" id="">
            </form>
        </section>
        <section>
            <h2>留言板</h2>
            <textarea name="" id="" cols="30" rows="10"></textarea>
        </section>
        
    </main>
    <footer>
        <p>
            <a href="">友链1</a>
            <a href="">友链2</a>
            <a href="">友链3</a>
        </p>
    </footer>

    <script></script>
</body>
</html>